<script lang="ts" setup>
import { reactive } from 'vue'

// do not use same name with ref
const form = reactive({
    wx_tuiguang: 'http://live.sshdjm.com//wxshare/Share/show?roomnum=',
    zb_topic: '云端中国城全国县域强国富民平台欢迎您！',
    zb_huashu: '全国2844座县域城市联盟发展平台',
    az_download: 'https://www.pgyer.com/gU89',
    ios_download: 'https://www.pgyer.com/gU89',
    shiping_share: '云端中国城全国县强国富民平台欢迎您',
    shiping_share_huashu: '全国2844座县域城市联盟发展平台',
})


</script>
<template>
    <el-form :model="form" label-width="auto" style="max-width: 700px">
        <el-form-item label="微信推广域名：" size="2px">
            <el-input v-model="form.wx_tuiguang"  placeholder=""  />
            <h3>http://开头 参数值为用户ID</h3>
        </el-form-item>
        <el-form-item label="直播分享标题" size="2px">
            <el-input v-model="form.zb_topic"  placeholder=""/>
        </el-form-item>
        <el-form-item label="直播分享话术" size="2px">
            <el-input v-model="form.zb_huashu"  placeholder=""/>
        </el-form-item>
        <el-form-item label="AndoridAPP下载链接" size="2px">
            <el-input v-model="form.az_download"  placeholder=""/>
            <h3>分享用Android APP下载链接</h3>
        </el-form-item>
        <el-form-item label="IOSAPP下载链接" size="2px" >
            <el-input v-model="form.ios_download"  placeholder=""/>
        </el-form-item>
        <el-form-item label="短视频分享标题" size="2px" >
            <el-input v-model="form.shiping_share"  />
        </el-form-item>
        <el-form-item label="短视频分享话术" size="2px" >
            <el-input v-model="form.shiping_share_huashu"  placeholder=""/>
        </el-form-item>
        <el-button type="info" plain>保存</el-button>


    </el-form>
</template>
<style scoped>
.el-form-item h3{
    color:#999;
    font-size: 14px;
}
.el-button{
    margin-left: 153px;
    color:#123;
}
</style>